<template>
  <slot name="my-slot"></slot>
  <span>{{ myjsx }}</span>
  <span @click="countAdd">{{ count }}</span>
  <slot></slot>
  {{ msg }}
</template>

<script>
import { ref } from "vue";
export default {
  name: "MyTemplate",
  props: { msg: String },
  setup() {
    const count = ref(0);
    const countAdd = () => count.value++;
    const myjsx = "hello vue";

    return { myjsx, count, countAdd };
  },
};
</script>
